<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="renderer" content="webkit|ie-comp|ie-stand" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta http-equiv="Cache-Control" content="no-siteapp" />
	
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css"/>       
	<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/ace.min.css" />
	<link href="${pageContext.request.contextPath}/assets/css/codemirror.css" rel="stylesheet" />
	<link href="${pageContext.request.contextPath}/assets/css/bootstrap.min.css" rel="stylesheet"/>
	<link rel="stylesheet" href="${pageContext.request.contextPath}/font/css/font-awesome.min.css" />
       <!--[if lte IE 8]>
	  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
	<![endif]-->
	<script src="${pageContext.request.contextPath}/js/jquery-1.9.1.min.js"></script>
	<script src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
	<script src="${pageContext.request.contextPath}/assets/js/typeahead-bs2.min.js"></script>           	
	<script src="${pageContext.request.contextPath}/assets/js/jquery.dataTables.min.js"></script>
	<script src="${pageContext.request.contextPath}/assets/js/jquery.dataTables.bootstrap.js"></script>
	<script src="${pageContext.request.contextPath}/assets/layer/layer.js" type="text/javascript" ></script>          
	<script src="${pageContext.request.contextPath}/assets/laydate/laydate.js" type="text/javascript"></script>
	
	<title>评价</title>
	
	<script type="text/javascript">
		function submitForm()
		{
			document.getElementById("myForm").submit();
		}
		$(function(){
			$("input[name='eva_cb']").click(function(){
				$("#checkAll").prop("checked",$("input[name='eva_cb']").length == $("input[name='eva_cb']:checked").length ? true : false);
			});	
			$("#checkAll").click(
				function(){
					$("input[name='eva_cb']").prop("checked",this.checked);
				}
			);
			$("#delsome").click(function(){
				var eva_ids="";
				if($("input[name='eva_cb']:checked").length)
					{
						$("input[name='eva_cb']:checked").each(function(){
							eva_ids+=($(this).parents("tr").find(".eva_id").text()+"|");
							alert(eva_ids);
						});
						eva_ids = eva_ids.substring(0, eva_ids.length-1);
						//alert(eva_ids);
						$("#del_list").val(eva_ids);
						alert($("#del_list").val());
						$("#delForm").submit();
					}
				else
					alert("未选中任何项");					
			});
		});	
	</script>

</head>
<body>
	<input type="hidden" name="opr"/>
	<div class="margin clearfix">
		<div class="Guestbook_style">
		    <div class="border clearfix">
		       <span class="l_f">
					<a href="javascript:;" class="btn btn-danger" id="delsome" ><i class="fa fa-trash"></i>&nbsp;批量删除</a>
					<a href="${pageContext.request.contextPath}/evaluateServlet?opr=read" class="btn btn-sm btn-primary"><i class="fa fa-check"></i>&nbsp;已阅</a>
					<a href="${pageContext.request.contextPath}/evaluateServlet?opr=unread" class="btn btn-yellow"><i class="fa fa-times"></i>&nbsp;未阅</a>
					<a href="${pageContext.request.contextPath}/evaluateServlet?opr=''" class="btn btn-sm btn-primary"><i class="fa fa-check"></i>&nbsp;全部</a>
		       </span>
		       <span class="r_f" style="color:#55bbcd;padding-right:40px;font-size:15px">共：<b>${list_e.size()}</b>条</span>
		    </div>
	    <!--留言列表-->
		    <div class="Guestbook_list">
		      <table class="table table-striped table-bordered table-hover" id="sample-table">
			      <thead>
					<tr>
						<th width="25"><label><input type="checkbox" class="ace" id="checkAll" /><span class="lbl" ></span></label></th>
						<th width="80">评价编号</th>
						<th width="">评价内容</th>
						<th width="">评分</th>
						<th width="150px">评价者编号</th>
						<th width="200px">时间</th>
						<th width="70">查阅状态</th>
						<th width="70">修改状态</th>           
						<th width="250">操作</th>
					</tr>
			      </thead>
				  <tbody>
					 <c:if test="${list_e!= null && list_e.size()>0}">
			          	<c:forEach items="${list_e}" var="e">
				          	<tr>
				     			<td><label><input type="checkbox" class="ace" name="eva_cb"/><span class="lbl"></span></label></td>
				         		<td class="eva_id">${e.eva_id}</td>
				          		<td class="text-l">
				          			<a href="javascript:;" onclick="Guestbook_iew(this,'12')">${e.eva_msg}</a>
				          		</td>
				          		<td>${e.eva_score}</td>
				         		<td class="opinion_customer">
				         			<u style="cursor:pointer" class="text-primary" onclick="member_show('张小泉','member-show.html','1031','500','400')">${e.customer_id}</u>
				         		</td>
				          		<td>${e.eva_date}</td>
				          		<td>
				          			<span class="label label-<c:if test="${e.issee==0}">warning</c:if><c:if test="${e.issee==1}">success</c:if> radius">
					          			<c:if test="${e.issee==0}">未阅</c:if>
					          			<c:if test="${e.issee==1}">已阅</c:if>
				          			</span>
				          			
				          		</td>
				          		<td class="td-status"><span class="label label-success radius">未锁定</span></td>
				         		<td class="td-manage">
					           		<a onclick="member_stop(this,'10001')" href="javascript:;" title="防止修改" class="btn btn-xs btn-success"><i class="fa fa-check bigger-120"></i></a>   
					        		<a href="evaluateServlet?eva_id=${e.eva_id}&eva_msg=${e.eva_msg}&eva_score=${e.eva_score}&customer_id=${e.customer_id}&eva_date=${e.eva_date}&issee=${e.issee}&opr=readchange" title="已阅" class="btn btn-xs btn-info" ><i class="fa fa-edit bigger-120"></i></a>      
					        		<a href="evaluateServlet?eva_id=${e.eva_id}&opr=delone" onclick="return confirm('你确定要删除吗')" title="删除" class="btn btn-xs btn-warning"><i class="fa fa-trash bigger-120"></i></a>
				          		</td>
				        	</tr> 
			          	</c:forEach>
			         </c:if> 
			      </tbody>
		      </table>
		    </div>
		</div>
	</div>
<!--批量删除提交-->
	<div style="display: none">
		<form action="evaluateServlet?opr=delsome" method="post" id="delForm">
			<input type="text" id="del_list" name="del_list"/>
		</form>
	</div>
<!--留言详细&&添加回复-->
<div id="Guestbook" style="display:none">
<form action="evaluateServlet" method="post" id="addForm">
<input type="hidden" name="eva_cb1" id="eva_id" />
<input type="hidden" name="admin_id" id="3" />
 <div class="content_style">
  <div class="form-group"><label class="col-sm-2 control-label no-padding-right" for="form-field-1">留言用户 </label>
       <div class="col-sm-9" id="opinion_customer"></div>
	</div>
   <div class="form-group"><label class="col-sm-2 control-label no-padding-right" for="form-field-1"> 留言内容 </label>
       <div class="col-sm-9" id="opinion_content"></div>
	</div>
    <div class="form-group"><label class="col-sm-2 control-label no-padding-right" for="form-field-1">是否回复 </label>
       <div class="col-sm-9">
       <label><input name="checkbox" type="checkbox" class="ace" id="checkbox"/><span class="lbl">回复</span></label>
       <div class="Reply_style">
          <textarea id="details" name="details" class="form-control" id="form_textarea" placeholder="" onkeyup="checkLength(this);"></textarea>
          <span class="wordage">剩余字数：<span id="sy" style="color:Red;">200</span>字</span>
       </div>
       </div>
	</div>
 </div>
   </form>
</div>
<script type="text/javascript">
 /*用户-查看*/
function member_show(title,url,id,w,h){
	layer_show(title,url+'#?='+id,w,h);
}
/*留言-删除*/
function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}

/*留言-停用*/
function member_stop(obj,id){
	layer.confirm('确认要锁定吗？',function(index){
		$(obj).parents("tr").find(".ace").prop("checked",false).attr("disabled","disabled");
		$(obj).next().remove();
		$(obj).next().remove();
		$(obj).after("<a title='查看回复' href='javascript:;' class='btn btn-xs btn-info' ><i class='fa fa-edit bigger-120'></i></a>"+
						"<a title='删除' href='javascript:'; class='btn btn-xs btn-warning'><i class='fa fa-trash bigger-120'></i></a>");
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onclick="member_start(this,id)" href="javascript:;" title="恢复"><i class="fa fa-check  bigger-120"></i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已锁定</span>');
		//var $aa=$($(obj).parents("td"));
		$(obj).remove();
		//alert($aa.html());
		layer.msg('已锁定!',{icon: 5,time:1000});
	});
}
//<a title="编辑" onclick="member_edit('550')" href="javascript:;"  class="btn btn-xs btn-info" ><i class="icon-edit bigger-120"></i></a> 
/*留言-启用*/
function member_start(obj,id){
	layer.confirm('确认要解锁吗？',function(index){
		$(obj).parents("tr").find(".ace").removeAttr("disabled");
		$(obj).next().remove();
		$(obj).next().remove();
		$(obj).after('<a title="查看回复" href="evaluateServlet?eva_id='+$(obj).parents("tr").find(".eva_id").html()+'"  class="btn btn-xs btn-info" ><i class="fa fa-edit bigger-120"></i></a> <a title="删除" href="evaluateServlet?eva_id='+$(obj).parents("tr").find(".eva_id").html()+'&opr=del"  onclick="return confirm(\'你确定要删除吗\')" class="btn btn-xs btn-warning" ><i class="fa fa-trash  bigger-120"></i></a>');
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="防止修改"><i class="fa fa-check  bigger-120"></i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已解锁</span>');
		//var $aa=$($(obj).parents("td"));
		$(obj).remove();
		//alert($aa.html());
		layer.msg('已解锁!',{icon: 6,time:1000});
	});
}



/*checkbox激发事件*/
$('#checkbox').on('click',function(){
	if($('input[name="checkbox"]').prop("checked")){
		 $('.Reply_style').css('display','block');
		}
	else{
		
		 $('.Reply_style').css('display','none');
		}	
	});
/*留言查看&&回复*/
function Guestbook_iew(obj,id){
	$("input[name='opr']").val("add");
	$("#opinion_customer").html($(obj).parents("tr").find(".opinion_customer").html());
	$("#opinion_content").html($(obj).parents("tr").find(".text-l").text());
	$("#eva_id").val($(obj).parents("tr").find(".eva_id").html());
	var index = layer.open({
        type: 1,     
        title: '留言信息',
		maxmin: true, 
		shadeClose:false,
        area : ['600px' , ''],
        content:$('#Guestbook'),
		btn:['确定','取消'],
		yes: function(index, layero){		 
		  if($("#checkbox").prop("checked")){			 
			 if($('.form-control').val()==""){
				layer.alert('回复内容不能为空！',{
               title: '提示框',				
			  icon:0,		
			  }); 
			 }else{			
			      layer.alert('确定回复该内容？',{
				   title: '提示框',				
				   icon:0,	
				   btn:['确定','取消'],	
				   yes: function(index){
					   $("#addForm").submit();
					     layer.closeAll();
					   }
				  }); 		  
		   }			
	      }else{			
			 layer.alert('是否要取消回复！',{
               title: '提示框',				
			icon:0,		
			  }); 
			  layer.close(index);      		  
		  }
	   }
	});
};
	/*字数限制*/
function checkLength(which) {
	var maxChars = 200; //
	if(which.value.length > maxChars){
	   layer.open({
	   icon:2,
	   title:'提示框',
	   content:'您输入的字数超过限制!',	
    });
		// 超过限制的字数了就将 文本框中的内容按规定的字数 截取
		which.value = which.value.substring(0,maxChars);
		return false;
	}else{
		var curr = maxChars - which.value.length; //250 减去 当前输入的
		document.getElementById("sy").innerHTML = curr.toString();
		return true;
	}
};

jQuery(function($) {
		var oTable1 = $('#sample-table').dataTable( {
		"aaSorting": [[ 1, "desc" ]],//默认第几个排序
		"bStateSave": true,//状态保存
		"aoColumnDefs": [
		  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
		  {"orderable":false,"aTargets":[0,5]}// 制定列不参与排序
		] } );
				$('table th input:checkbox').on('click' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
						
				});	
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table');
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			});
	</script>
</body>
</html>